<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="description" content="意休，意在通过高效实践来获得更多休息，是一个个人高效学习及前端实践的记录网站。" />
    <title>意休 | 帮助及联系我</title>
    <link rel="icon" href="images/baobao.png" type="image/png">
    <link rel="bookmark" href="images/baobao.png" />
    <style>
      .jsmind-inner{
				position:relative;
				overflow:hidden;
				width:100%;
				height:100%;
			}
			.jsmind-inner{
			    moz-user-select:-moz-none;
			    -moz-user-select:none;
			    -o-user-select:none;
			    -khtml-user-select:none;
			    -webkit-user-select:none;
			    -ms-user-select:none;
			    user-select:none;
			}
					
			/* z-index:1 */
			svg.jsmind{
				position:absolute;
				z-index:6;
			}
			canvas.jsmind{
				position:absolute;
				z-index:6;
			}
			
			/* z-index:2 */
			jmnodes{
				position:absolute;
				z-index:7;
				background-color:rgba(0,0,0,0);
			}/*background color is necessary*/
			jmnode{
				position:absolute;
				cursor:default;
				max-width:400px;
				white-space:nowrap;
				overflow:hidden;
				text-overflow:ellipsis;
			}
			jmexpander{
				position:absolute;
				width:11px;
				height:11px;
				display:block;
				overflow:hidden;
				line-height:12px;
				font-size:12px;
				text-align:center;
				border-radius:6px;
				border-width:1px;
				border-style:solid;
				cursor:pointer;
			}
			@media screen and (max-device-width: 1024px) {
			    jmnode{padding:5px;border-radius:3px;font-size:14px;}
			    jmnode.root{font-size:21px;}
			}
			jmnode{padding:10px;color:white;border-radius:5px;box-shadow:1px 1px 1px #666;font:16px/1.125 Verdana,Arial,Helvetica,sans-serif;}
			jmnode.root{font-size:24px;}
			jmnode:hover{box-shadow:2px 2px 8px #000;background-color:black;}
			jmexpander{border-color:gray;}
			jmexpander:hover{border-color:#000;}
		</style>
    <style>
      *{
       padding: 0;
       margin: 0;
     }
     h2{
       margin: 70px auto;
     }
     h3{ margin: 30px 0 14px;}
     p{
       margin: 12px 0;
       font-size: 16px;
       font-style: normal;
     }
     img{
       width: 146px;
       height: 146px;
       padding: 20px 20px 5px;
     }
     i{
       font-style: normal;
       padding: 0 4px;
     }
     a {
        color: #444;
        text-decoration: none;
      }
     ul{
       list-style: none;
     }
     .ab_body{
       background-color: #fff0e4;
     }
     .header {
     	width: 100%;
     	height: 66px;
     	background: white;
     	position: fixed;
     	top: 0;
     	z-index: 11;
     }
      .hd {
      	height: 66px;
      	width: 1200px;
      	margin: 0 auto;
      	overflow: hidden;
      }
      
      
      .hd .logo {
      	width: 300px;
      	height: 51px;
      	float: left;
      	position: relative;
      	left: -110px;
      	top: 0;
      	margin-top: 3px;
      	background-image: url(./images/logo.gif);
      	background-repeat: no-repeat;
      	background-position: right bottom;
      }
      
      .hd .nav {
      	float: right;
      	height: 66px;
      	overflow: hidden;
      }
      
      .hd .nav a {
      	display: block;
      	position: relative;
      	top: 0;
      }
      
      .hd .nav li {
      	float: left;
      }
      .nav li:hover i{
      	color: hotpink;
      }
      
      .hd li i{
      	display: block;
      	font-style: normal;
      	font-weight: 400;
      	padding: 0 27px;
      	height: 66px;
      	line-height: 66px;
      	font-size: 14px;
      	color: #333;
      	text-align: center;
      	box-sizing: border-box;
      }
      
     
      
			.about{ width: 100%;}
      
      .about_front{
        width: 100%; 
        margin: 166px auto 40px; 
        text-align: center;
       }
			.about_main{ 
        display: flex; 
        min-height: 980px; 
        width: 100%; 
        margin: 66px auto 0; 
       }
			.piece{
				 display: inline-block;
				 width: 160px;
			 }
			.piece b{
				 font-size: 12px;
			 }
			.left{ 
        flex:4;   
        padding-right:30px; 
        overflow: hidden;
      }
			.right{ 
        flex:3; 
        background-color:#ffd8c6; 
        padding: 30px; 
        overflow: auto; 
        margin-top: 40px;
        border-radius: 40px 0 0 20px;
        color: #1a1a1a;
      }
			.right::-webkit-scrollbar{
				background: none;
				width: 2px;
			}
			/*底部区域*/
			.footer {
        width: 100%;
        text-align: center;
        padding: 28px 0 18px;
        font-size: 12px;
        color: #666;
        margin-top: 40px;
       }
			.footer h1 {font-weight: 400;font-size: 12px;display: inline;}
			
			#jsmindWebsite{
				height: 100%;
			}
			@media (max-width:1199px){
        .hd{
             width: 970px;
        }
        .hd li i{
        	font-size:0.9rem;
        	max-height: 999999px;
        }
       
        
        .footer ,
        .footer h1{
        	font-size: 0.72rem;
        	max-height: 999999px;
        	
        }
      }
      
      /*当768px<=width<=991px时  设为750 */
      @media (max-width:991px){
      	html{
      		font-size: 21.14px;
      	}
      
        .right{ 
           font-size: 0.8em;
           flex: 2;
         }
      	.hd{
      		width: 46.875rem;
      	}
        .hd li i{
        	font-size:1rem;
        	max-height: 999999px;
        }
        .footer ,
        .footer h1{
        	font-size:  0.9rem;
        	max-height: 999999px;
        }
			}
		</style>
  </head>
  <body class="ab_body">
    <!--头部区域-->
    <header class="header">
      <div class="hd">
        <h1><a href="./index.html" class="logo">意休</a></h1>
        <nav class="nav">
          <ul>
            <li><a href="./share.html"><i>分享</i></a></li>
            <li><a href="./mind.html"><i>脑图</i></a></li>
            <li><a href="./towork.html"><i>工作</i></a></li>
            <li><a href="./toreview.html"><i>复盘</i></a></li>
          </ul>
        </nav>
      </div>
    </header>
    <div class="about">
      <div class="about_front">
        <h2>欢迎来到意休网站！</h2>
        <p>偶是个爱思考，爱想象，爱唱歌的大姑娘，目前在学习前端开发的路上砥砺前行。</p>
        <p>虽然会的东西并不多，但是也想在这里分享一下体会，愿与君共勉和学习。</p>
        <br />
				<span class="piece">
					<img src="images/yixiu.jpg" alt="公众号二维码" />
					<b>公众号</b>
				</span>
        <span class="piece">
					<img src="images/contact.jpg" alt="Q群二维码"  />
					<b>Q群</b>
				</span>
				<span class="piece">
					<img src="images/feedback.png"  alt="反馈调查二维码" />
					<b>反馈</b>
				</span>
      </div>
      <div class="about_main">
        <div class="left">
          <div id="jsmindWebsite"></div>
        </div>
        <div class="right">
          <section>
            <h3>不知道意休网站怎么玩？看这里</h3>
            <p>【意休网站的定位】简约、高效、方便，让使用者逐渐成为一个会搜索，会学习的人。</p>
            <p>【探索物——<a href="./share.html">share</a>】分享各种常用的网站和学习方法，希望能让你找到惊喜。</p>
            <p>【学习前——<a href="./towork.html">towork</a>】事情太多怎么办？做事前该做什么？这里供你理清思路，帮你好好专注做事。</p>
            <p>【学习中——<a href="./mind.html">mind</a>】这里提供简单的思维导图，方便快速做笔记和markdown生成脑图。</p>
            <p>【学习后——<a href="./toreview.html">toreview</a>】这里可对繁杂事件进行修改和处理，回顾做过或没做的事，好好复盘。</p>
            <p>【焦躁/迷茫时——<a href="./heal.html">heal</a>】通过技巧和分析来协助你找到适合自己的方向。</p>
            <p>【无聊时——<a href="./play.html">play</a> <a href="./game.html">game</a>】可看视频，听歌，各种记录和小游戏，还有笔记和一些零散积累。</p>
            <p>【探索前端/制作方面——<a href="./fiction.html">fiction</a>】这里的小说《伪大神的成名之路》不容错过。</p>
            <p>【数据下载——<a href="./download.html">download</a>】笔记本、清单事项、工作流程的下载。</p>
            <br />
          </section>

          <h3>关于我</h3>
          <address>
						<p>语雀[nibaobao_youho]：<a href="https://www.yuque.com/nibaobao-youho" target="_blank" rel="noopener" >https://www.yuque.com/nibaobao-youho</a></p>
						<p>个人博客[Youho]：<a href="https://kathy_candy.gitee.io/blog" target="_blank" rel="noopener" >https://gitee.com/kathy_candy/blog/</a></p>
						<p>知乎[匿宝宝]：<a href="https://www.zhihu.com/people/ni-bao-bao-8-35" target="_blank" rel="noopener" >https://www.zhihu.com/people/ni-bao-bao-8-35</a></p>
            <p>CSDN[youhoa]：<a href="https://blog.csdn.net/youhoa/" target="_blank" rel="noopener" >https://blog.csdn.net/youhoa/</a></p>
            <p>博客园[youho]：<a href="https://www.cnblogs.com/youho/" target="_blank" rel="noopener" >https://www.cnblogs.com/youho/</a></p>
            <p>Github[doyouho]：<a href="https://github.com/doyouho/" target="_blank" rel="noopener" >https://github.com/doyouho/</a></p>
						<p>前端学习交流Q群（417911729）：没什么人，先放这，用来交流学习分享的。</p>
						<p>最后，关于网站内容的收集，有什么建议和推荐等可通过 ☞<a href="https://www.yuque.com/nibaobao-youho/yixiu" target="_blank" rel="noopener" >话题</a>☜ 讨论。</p>
          </address>
          
        </div>
      </div>
    </div>
    <footer class="footer">
      &nbsp;<h1>意休，让生活更高效一点</h1>&nbsp;&nbsp;&nbsp;&nbsp;<a href="./index.html">回到首页</a>
    </footer>
    <script>
      window.onload = function () {
        var mindpic = {
          "meta": {
            "name": "demo"
          },
          "format": "node_array",
          "data": [{
              "id": "root",
              "topic": "意休",
              "expanded": true,
              "isroot": true,
              "background-color": "#333333"
            },
            {
              "id": "sub1",
              "topic": "index",
              "expanded": true,
              "parentid": "root",
              "direction": "right",
              "background-color": "#ff5614"
            },
            {
              "id": "sub12",
              "topic": "play",
              "expanded": true,
              "parentid": "sub1",
              "background-color": "#ee44aa"
            },
            {
              "id": "sub13",
              "topic": "share",
              "expanded": true,
              "parentid": "sub1",
              "background-color": "#33ff99"
            },
            {
              "id": "2d5fd3a070c252d3",
              "topic": "heal",
              "expanded": true,
              "parentid": "sub1",
              "background-color": "#22aadd"
            },
            {
              "id": "sub11",
              "topic": "fiction",
              "expanded": true,
              "parentid": "sub1",
              "background-color": "#aa99fe"
            },
            {
              "id": "2d5fd6a21d2c9b55",
              "topic": "towork",
              "expanded": true,
              "parentid": "sub1",
              "background-color": "#cc66aa"
            },
            {
              "id": "37a0df4f0da4a5ba",
              "topic": "mind",
              "expanded": true,
              "parentid": "2d5fd6a21d2c9b55",
              "background-color": "#aa66dd",
              "foreground-color": "#ffffff"
            },
            {
              "id": "37a0e174492071d5",
              "topic": "toreview",
              "expanded": true,
              "parentid": "2d5fd6a21d2c9b55",
              "background-color": "#aa66dd"
            },
						{
						  "id": "37a0e17449207cg5",
						  "topic": "download",
						  "expanded": true,
						  "parentid": "2d5fd6a21d2c9b55",
						  "background-color": "#aa66dd"
						},
            {
              "id": "sub2",
              "topic": "works",
              "expanded": true,
              "parentid": "root",
              "direction": "right",
              "background-color": "#ff9900"
            },
            {
              "id": "sub21",
              "topic": "（youku视频）",
              "expanded": true,
              "parentid": "sub2",
              "background-color": "#666666"
            },
            {
              "id": "2d600110b4369873",
              "topic": "fiction",
              "expanded": true,
              "parentid": "sub2",
              "background-color": "#aa99fe"
            },
            {
              "id": "2d60095bc896e895",
              "topic": "heal",
              "expanded": true,
              "parentid": "sub2",
              "background-color": "#22aadd"
            },
            {
              "id": "2d60042d9660849e",
              "topic": "game",
              "expanded": true,
              "parentid": "sub2",
              "background-color": "#cc33ff"
            },
            {
              "id": "37a0dc7eee180208",
              "topic": "（橙光游戏）",
              "expanded": true,
              "parentid": "2d60042d9660849e",
              "background-color": "#666666"
            },
            {
              "id": "sub3",
              "topic": "share",
              "expanded": true,
              "parentid": "root",
              "direction": "right",
              "background-color": "#33ff99"
            },
            {
              "id": "37a0d19abeb0a661",
              "topic": "（各种分享网站）",
              "expanded": true,
              "parentid": "sub3",
              "background-color": "#666666"
            },
            {
              "id": "2d6053634174d89f",
              "topic": "play",
              "expanded": true,
              "parentid": "root",
              "direction": "left",
              "background-color": "#ee44aa"
            },
            {
              "id": "2d6056988a12d3a7",
              "topic": "（小游戏网站）",
              "expanded": true,
              "parentid": "2d6053634174d89f",
              "background-color": "#666666"
            },
            {
              "id": "2d60669b51e15a15",
              "topic": "（酷狗歌单）",
              "expanded": true,
              "parentid": "2d6053634174d89f",
              "background-color": "#666666"
            },
            {
              "id": "37a0af4044a80427",
              "topic": "about/本页",
              "expanded": true,
              "parentid": "root",
              "direction": "left",
              "background-color": "#66dd66"
            }
          ]
        };
        var jm = null;
        var options = {
          container: 'jsmindWebsite',
          editable: false,
          mode: 'side'
        };
        jm = new jsMind(options);
        jm.show(mindpic);
      }
    </script>
    <script type="text/javascript" src="./jsmind/js/jsmind.js"></script>
  </body>
</html>
